<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Component</title>
    <link rel="stylesheet" href="./video.css">
</head>
<body>
<div class="video-container">
    <video id="videoPlayer" width="640" height="360" controls>
        <source src="./xiaoliu.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <div class="controls">
        <button id="playPauseBtn">Pause</button>
        <button id="rewindBtn">Rewind</button>
        <button id="forwardBtn">Forward</button>
        <label for="speedSelector">Speed: </label>
        <select id="speedSelector">
            <option value="0.5">0.5x</option>
            <option value="1" selected>1x</option>
            <option value="1.5">1.5x</option>
            <option value="2">2x</option>
        </select>
    </div>
</div>
<script src="./video.js"></script>
</body>
</html>
